<template>
    <div><img src="@/IMG/findmusic.png"></div>
    <nav>
        <router-link to='/findmusic/plant1'>plant1</router-link>
        <router-link to='/findmusic/plant2'>plant2</router-link>
        <router-link to='/findmusic/plant3'>plant3</router-link>
    </nav>
    <router-view></router-view>
</template>

<script setup>
import { useRoute } from 'vue-router';
let router = useRoute()
console.log(router.query.id)
</script>

<style scoped>
nav a {
    color: #333;
    text-decoration: none;
}
nav a:nth-child(2)
{
    margin:0 80px;
}
nav a.router-link-active {
    background: red;
    color: #fff;
}
</style>